<template>
	<view class="content">
		<view class="title">
			<view class="logo"><image src="../../static/logo.png" mode="heightFix"></image></view>
			<view class="titleRight">质保信息</view>
		</view>
		<view class="results">
			<view class="results_list">车主姓名</view>
			<view class="results_list">{{info.title}}</view>
			<view class="results_list">车主电话</view>
			<view class="results_list">{{info.mobile}}</view>
			<view class="results_list">车架号</view>
			<view class="results_list">{{info.frame_number}}</view>
			<view class="results_list">车牌号</view>
			<view class="results_list">{{info.car_number}}</view>
			<view class="results_list">车辆型号</view>
			<view class="results_list">{{info.car_type}}</view>
			<view class="results_list">产品系列</view>
			<view class="results_list">{{info.product_name}}</view>
			<view class="results_list">膜卷号</view>
			<view class="results_list">{{info.number}}</view>			
			<view class="results_list">安装时间</view>
			<view class="results_list">{{info.install_date_format}}</view>
			<view class="results_list">质保有效期</view>
			<view class="results_list">{{info.warranty_time}}年</view>
			<view class="results_list">质保到期时间</view>
			<view class="results_list">{{info.warranty_time_end_format}}</view>
		</view>
		<view class="results_title">质保承诺</view>
		<view class="results_txt">产品承诺{{info.warranty_time}}年质保，我们确保产品不亚光、不龟裂、不脱胶;由于各地日照时间和紫外线侵蚀程度不同，年黄变率≤3%属于正常现象。人为的损坏非质保范围。发现产品质量问题可以第一时间通过下单的电商平台联系我们客服人员。</view>
		<view class="form_button"><button @click="handleBack">返回</button></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info: [],
				bb:12
			}
		},
		onLoad: function(option) {
		  var that=this;
		  const eventChannel = this.getOpenerEventChannel();
		  // 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
		  eventChannel.on('acceptDataFromOpenerPage', function(data) {
			that.info=data
		  })
		},
		methods: {
		  // 处理返回按钮点击事件
		  handleBack() {
			// 调用uni.navigateBack方法返回上一页
			uni.navigateBack({
			  delta: 1 // 返回的页面数，1表示返回上一页
			});
		  }
		}
	}
</script>

<style>
	page{background: #000;}
	.content {
		background: #000;
		height: auto;
		padding: 20px;
		position: relative;
		box-sizing: border-box;
	}
	.title{  position: relative; z-index: 2; padding-top: 48upx;} 
	.title .logo{ height: 60upx; margin-bottom: 30upx;}
	.title .logo image{ height: 60upx;}
	.title .titleRight{ font-size: 38upx; color: #fff;}
	.results{ border: 1px solid rgba(255,255,255,.2); margin-top: 65upx; display: flex; flex-wrap: wrap; border-bottom: 0;}
	.results .results_list{ width: 36%; color: #fff; font-size: 30upx; text-align: right; box-sizing: border-box; padding: 20upx 0upx; padding-right: 35upx; border-bottom:  1px solid rgba(255,255,255,.2); line-height: 1.6;}
	.results .results_list:nth-child(2n){ width: 64%; padding: 20upx 35upx ; }
	.results .results_list:nth-child(2n){ text-align: left;border-left:  1px solid rgba(255,255,255,.2);}
	.form_button button{ width: 100%; height: 75upx; background: #d9001b; color: #fff; font-size: 30upx; margin-top: 38upx;}
	.results_title{  font-size: 38upx; color: #fff; margin-top: 35upx; opacity: .6; text-align: center;}
	.results_txt{  font-size: 26upx; color: #fff; line-height: 1.6; margin-top: 15upx; text-align: justify; opacity: .6;}
</style>
